.global-header {
  @apply w-full flex justify-between items-center py-2 px-6 bg-white bg-opacity-90 backdrop-blur-sm shadow-sm text-sm;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  /* 定义全局CSS变量用于其他组件计算高度 */
  --header-height: 56px;
}

/* 特殊样式 - dashboard页面的header */
.global-header.dashboard-header {
  @apply shadow-md;
  height: 64px;
  --header-height: 64px;
  background-color: white;
}

.header-left,
.header-right,
.header-center {
  @apply flex items-center;
}

.header-left {
  @apply gap-6;
}

.header-right {
  @apply gap-4;
}

.header-logo {
  @apply flex items-center gap-2 text-primary cursor-pointer;
}

.header-logo-icon {
  /* @apply flex items-center justify-center text-xl; */
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 5px;
}

.logo-text {
  @apply font-medium text-base tracking-wide;
  line-height: 1;
}

.header-system-info {
  @apply flex items-center gap-4;
}

.time,
.wifi-icon,
.battery {
  @apply flex items-center gap-2 text-gray-600;
}

.wifi-icon {
  position: relative;
}

.signal-strength {
  @apply text-xs absolute -top-0.5 -right-3;
  opacity: 0.7;
}

.contact-info {
  @apply flex items-center;
}

.contact-item {
  @apply text-gray-600 hover:text-primary transition-colors cursor-pointer text-xl;
}

.contact-modal-content {
  @apply py-4;
}

.contact-modal-item {
  @apply flex items-center my-4 py-2 px-4 rounded-md;
  background-color: rgba(0, 0, 0, 0.02);
}

.contact-modal-icon {
  @apply text-2xl mr-4 text-primary;
}

.contact-modal-info {
  @apply flex flex-col;
}

.contact-modal-label {
  @apply text-xs text-gray-500 mb-1;
}

.contact-modal-value {
  @apply text-base font-medium;
}

.header-actions {
  @apply flex items-center gap-5;
}

.notification-badge {
  @apply cursor-pointer text-gray-600 hover:text-primary transition-colors;
}

.user-info {
  @apply flex items-center gap-2 cursor-pointer;
}

.user-name {
  @apply text-primary font-medium;
}
